<template>
  <div>
    <el-row class="head">
      <el-col :span="4"><i class="el-icon-arrow-left icon_private"></i></el-col>
      <el-col :span="8" :offset="4" class="title_notice">{{HeadName}}</el-col>
      <el-col :span="4" :offset="4"><i class="el-icon-more icon_private icon_more" ></i></el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  data () {
    return {
      HeadName: this.$route.query.HeadName
    }
  }
}
</script>
<style lang="scss" scoped>
  .head{
    height: 128px;
    line-height: 128px;
    background-color: #ff621d;
    text-align: center;
    color: white;
    @at-root .icon_private{
      font-size: 38px;
      font-weight: bold;
      @at-root .icon_more{
        text-align: center;
      }
    }
    @at-root .title_notice{
      font-size: 38px;
      font-weight: bold;
    }
  }
</style>
